<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<title>城市房源</title>
<base href="<%=request.getContextPath() %>/" />
</head>
<link
	href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap-theme.css"
	rel="stylesheet">
<link
	href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap-theme.min.css"
	rel="stylesheet">
<link href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.css"
	rel="stylesheet">
<link
	href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css"
	rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/affix.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/affix.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/alert.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/alert.min.js"></script>
<link
	href="https://cdn.bootcss.com/bootstrap/3.0.1/css/bootstrap.min.css"
	rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/affix.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/affix.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/alert.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/alert.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/button.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/button.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/carousel.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/collapse.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/collapse.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/dropdown.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/dropdown.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/modal.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/modal.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/popover.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/popover.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/scrollspy.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap/3.0.1/js/scrollspy.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/tab.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/tooltip.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/tooltip.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.0.1/js/transition.js"></script>
<script
	src="https://cdn.bootcss.com/bootstrap/3.0.1/js/transition.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/font-awesome.min.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" media="all"
	href="css/daterangepicker-bs3.css" />

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript"
	src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/moment.js"></script>

<script type="text/javascript" src="js/daterangepicker.js"></script>

			<script type="text/javascript" src="https://cdn.goeasy.io/goeasy.js"></script>




<body>

  <script type="text/javascript">   
var goeasy = new GoEasy({
    appkey: 'BC-e72c7e0099ea4b8f8eba290e4e6c7a87',

     });

goeasy.subscribe({
  channel: 'sign',
onMessage: function (result) {
alert("尊敬的用户 " + result.content);
}
});
         </script> 

	<div class="container">
		<div class="row clearfix">
			<div class="col-md-1 column">
				<img alt="75x75" src="img/logo.png" />
			</div>
			<div class="col-md-6 column">

				<form action="house/houseTownList" method="post" role="form">
					<div class="form-group" style="margin-top: 32px;">
						<input style="width: 300px;" placeholder="请输入您想去的城市"
							name="townName" type="text" class="form-control" />
					</div>
					<button type="submit" class="btn btn-default"
						style="position: absolute; top: 32px; right: 200px;">搜索</button>
				</form>
			</div>
			<div class="col-md-5 column" style="margin-top: 30px;">
				<ul class="nav nav-pills">
					<li class="#"><a href="orders/listMyHousesOrders">房东</a></li>
					<li><a href="#">故事</a></li>
					<!--disabled不能点-->
					<li class="active"><a href="orders/justListOrders">旅程</a></li>
					<li class="#"><a href="#">消息</a></li>
					<li class="disabled"><a href="#">头像（个人资料）</a></li>
				</ul>
			</div>
		</div>
	</div>









	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<hr />
			</div>
		</div>



		<div class="container" style="margin: 0 auto;">
			<div class="row clearfix" >
			<div class="col-md-1 column"></div>
				<div class="col-md-10 column" >
					<div class="well">



						<form class="form-horizontal" action="house/houseConditions" method="get">
						
						
						<!--  <fieldset>
								<div class="control-group">
									<div class="controls">
										<div class="input-prepend input-group">
											<span class="add-on input-group-addon"> <i
												class="glyphicon glyphicon-calendar fa fa-calendar"></i>
											</span> <input type="text" readonly style="width: 250px"
												name="reservation" id="reservation" class="form-control"
												value="2017-8-21 - 2017-9-21" name="date" />
										</div>
									</div>
								</div>
							</fieldset> -->
							
							
							
							<label>房客数量</label>
							<input type="text" id="roomer" name = "roomer" value="0" />
							<input type="button" value="+" onclick="addOne()" /> 
							<input type="button" value="-" onclick="minusOne()" />
						    <input type="submit" value="确定" />
							
							
							<label>房间类型</label> <select name="rentType" id="jumpMenu"
								onchange="MM_jumpMenu('parent',this,0)">
								<option value="2">整套房间</option>
								<option value="1">独立房间</option>
								<option value="3">合住房间</option>
							</select>
							<button type="submit">确定</button>
							
							
						<label>最低价格</label> <input type="text" id="lowPrice" name="lowPrice" value="0" />
						<label>最高价格</label> <input type="text" id="highPrice" name="highPrice" value="5000" />
						<button type="submit">确定</button>
							
							
							
						<label>卧室数量</label>
						<input type="text" id="bedroom" name="bedroom" value="0" /> 
						<input type="button"value="+" onclick="addOneBedroom()" /> 
						<input type="button"value="-" onclick="minusOneBedroom()" />
					<label>床铺数量</label> 
						<input type="text" id="beds" name="beds" value="0" />
						<input type="button" value="+"onclick="addOneBed()" /> 
						<input type="button" value="-"onclick="minusOneBed()" /> 
					<label>卫生间数量</label>
						<input type="text" id="toilet" name="toilet" value="0" />
						<input type="button" value="+" onclick="addOneToilet()" /> 
						<input type="button" value="-" onclick="minusOneToilet()" />
						<input type="submit"value="确定" />
							
						</form>
						
						
						
						
						<script type="text/javascript">
               $(document).ready(function() {
                  $('#reservation').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                  });
               });
               
           		function addOne() {
           	    var num = document.getElementById("roomer");
           	    num.value = parseInt(num.value) + 1;
           	}
           		function minusOne() {
           	    var num = document.getElementById("roomer");
           	    if(num.value == 0){
           	    	alert("房客数量不可少于0")
           	    }else{
           	    num.value = parseInt(num.value) - 1;
           	    }
           	    
           	    
           		function addOneBedroom() {
           	    var num = document.getElementById("bedroom");
           	    num.value = parseInt(num.value) + 1;
           	}
           		function minusOneBedroom() {
           	    var num = document.getElementById("bedroom");
           	    if(num.value == 0){
           	    	alert("数量不可少于0")
           	    }else{
           	    num.value = parseInt(num.value) - 1;
           	    }
           	}
           		function addOneBeds() {
           	    var num = document.getElementById("beds");
           	    num.value = parseInt(num.value) + 1;
           	}
           		function minusOneBeds() {
           	    var num = document.getElementById("beds");
           	    if(num.value == 0){
           	    	alert("数量不可少于0")
           	    }else{
           	    num.value = parseInt(num.value) - 1;
           	    }
           	}
           		function addOneToilet() {
           	    var num = document.getElementById("toilet");
           	    num.value = parseInt(num.value) + 1;
           	}
           		function minusOneToilet() {
           	    var num = document.getElementById("toilet");
           	    if(num.value == 0){
           	    	alert("数量不可少于0")
           	    }else{
           	    num.value = parseInt(num.value) - 1;
           	    }
           			}
           	           			}
               </script>
					</div>

				</div>
				</div>
			</div>
		</div>
	




<div class="container" style="margin-top:30px">
		<div class="row clearfix">
			<div class="col-md-12 column">
			<hr />
			</div>
		</div>
</div>
<div class="container" style="margin-top:30px">
		<div class="row clearfix">
			<div class="col-md-12 column">
			
			</div>
		</div>
</div>



<div>
	<div>
	
	<div style="width:700px;">
		<c:forEach var="house" items="${conditionsList}">
		<form action="house/oneHouseNews" method="get" >
			<div style="float:right">
				<div style="padding-left: 50px">	
				<input type="hidden"name="houseId" value="${house.houseId}" />
				<input type="hidden"name="rentTypeId" value="${house.rentType.rentTypeId}" />
				<input type="image" src="img/01.jpg"> 
				</div>	
				<div style="padding-left: 50px">	
					<p>${house.houseName}</p>
					<%-- <p>${house.introduce}</p> --%>
					<p>${house.price }元/晚</p>
				</div>
			</div>
		</form>
		</c:forEach>
		
		<c:forEach var="house" items="${list}">
		<form action="house/oneHouseNews" method="get" >
			<div style="float:right">
				<div style="padding-left: 50px">	
				<input type="hidden"name="houseId" value="${house.houseId}" />
				<input type="hidden"name="rentTypeId" value="${house.rentType.rentTypeId}" />
				<input type="image" src="img/01.jpg"> 
				</div>	
				<div style="padding-left: 50px">	
					<p>${house.houseName}</p>
			<%-- 		<p>${house.introduce}</p> --%>
					<p>${house.price }元/晚</p>
				</div>
			</div>
		</form>
		</c:forEach>
	
		<c:forEach var="house" items="${whereHouseList}">
		<form action="house/oneHouseNews" method="get" >
			<div style="float:right">
				<div style="padding-left: 50px">	
				<input type="hidden"name="houseId" value="${house.houseId}" />
				<input type="hidden"name="rentTypeId" value="${house.rentType.rentTypeId}" />
				<input type="image" src="img/01.jpg"> 
				</div>	
				<div style="padding-left: 50px">	
					<p>${house.houseName}</p>
		<%-- 			<p>${house.introduce}</p> --%>
					<p>${house.price }元/晚</p>
				</div>
			</div>
		</form>
		</c:forEach>
		
	</div>
	</div>
	
		<div style="width:400px;position: absolute; top: 358px; right: 200px;">
		 	<div style="woverflow-x:hidden; ">
		<!-- <a href="house/gaoDeMap">地图</a> -->
		<iframe id="gaoDeMap" src="house/gaoDeMap" style="width:400px ;height:550px; border:0px; float:right"></iframe>
			</div> 
		
		</div> 
</div>
	
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<hr />
			</div>
		</div>
	</div>



		



		<div class="container">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<hr />
				</div>
			</div>
		</div>


<div>

			<div class="row clearfix">
				<div class="col-md-1 column"></div>
				<div class="col-md-4 column">
					<ul style="list-style-type: none;">
						<li style="margin-bottom: 18px; font-size: larger">出行</li>
						<li>信任与安全</li>
						<li>旅行基金</li>
						<li>礼品卡</li>
						<li>商务差旅</li>
						<li>旅游指南</li>

					</ul>
				</div>
				<div class="col-md-4 column">
					<ul style="list-style-type: none;">
						<li style="margin-bottom: 18px; font-size: larger">关于我们</li>
						<li>工作机会</li>
						<li>新闻</li>
						<li>政策</li>
						<li>帮助</li>
						<li>多元化与归属感</li>
					</ul>
				</div>
				<div class="col-md-3 column">
					<ul style="list-style-type: none;">
						<li style="margin-bottom: 18px; font-size: larger">为什么要出租</li>
						<li>房东义务</li>
						<li>房东权益</li>
						<li>待客之道</li>
					</ul>
				</div>
				</div>
		</div>


	
</body>
</html>
